$(function () {
    var currentPage = 1
    var pageSize = 2
    render()

    function render() {
        $.ajax({
            url: '/category/queryTopCategoryPaging',
            type: 'get',
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            success: function (info) {
                //  console.log(info)
                $('tbody').html(template('ppp', info))
                setPage(info.total)
            }
        })
    }

    function setPage(total) {
        $("#paginator").bootstrapPaginator({
            bootstrapMajorVersion: 3, //默认是2，如果是bootstrap3版本，这个参数必填
            currentPage: currentPage, //当前页
            totalPages: Math.ceil(total / pageSize), //总页数          
            onPageClicked: function (event, originalEvent, type, page) {
                //为按钮绑定点击事件 page:当前点击的按钮对应页码
                // console.log(page);  
                currentPage = page;
                //请求对应页码的数据，重新渲染
                render();
            }
        });
    }

    $('#form').bootstrapValidator({
        // 默认的提示消息
        message: 'This value is not valid',
        // 表单框里右侧的icon
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        submitHandler: function (validator, form, submitButton) {
            // 表单提交成功时会调用此方法
            // validator: 表单验证实例对象
            // form  jq对象  指定表单对象
            // submitButton  jq对象  指定提交按钮的对象
        },
        fields: {
            categoryName: {

                validators: {
                    notEmpty: {
                        message: '用户名不能为空'
                    },

                }
            },

        }
    });

    $('#form').on("success.form.bv", function( e ) {
        e.preventDefault();
        $.ajax({
            url:'/category/addTopCategory',
            type:'POST',
            data:$('#form').serialize(),
                
            
            success:function(info){
                $('.add-xzh').modal("hide");
                // 重新渲染页面, 添加的项会在第一页, 所以应该重新渲染第一页
                currentPage = 1;
                render();
      
                // 重置表单校验状态和 表单内容
                // 传 true 不仅可以重置 状态, 还可以重置内容
                $('#form').data("bootstrapValidator").resetForm( true );
            }
        })
    
    })
})